<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>

    <script src="../d3.js"></script>
    <script>
      //const x = d3.scaleLinear([0,300] , [0,510]) ;
      //x.domain()

      //const data = [100,60,90,130,80,150,90];

      // const data = [
      //   {name:'zs1',score:100},
      //   {name:'zs2',score:60},
      //   {name:'zs3',score:80},
      //   {name:'zs4',score:120},
      //   {name:'zs5',score:90},
      //   {name:'zs6',score:150},
      //   {name:'zs7',score:70}
      // ]
      
      // const x = d3.scaleLinear()
      // .domain([0,200,300])
      // .range([0,300,600])


      const x = d3.scaleLinear()
        .domain([14 , 112])
        .range([0 , 600])


    </script>
  </body>
</html>